<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
request.setAttribute("path", basePath);  
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <!-- 定义标签库，命名为c  路径为标准模式 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
		<title>产品列表</title>
		<link rel="stylesheet" type="text/css" href="${path}/pages/css/style.css">
		<script type="text/javascript" src="${path}/pages/common/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="${path}/pages/js/list.js"></script>
</head>
	<body>
	<!-- start header -->
		<header>
			<div class="top center">
				<div class="left fl">
					<ul>
						<li><a href="http://www.mi.com/" target="_blank">小米商城</a></li>
						<li>|</li>
						<li><a href="">MIUI</a></li>
						<li>|</li>
						<li><a href="">米聊</a></li>
						<li>|</li>
						<li><a href="">游戏</a></li>
						<li>|</li>
						<li><a href="">多看阅读</a></li>
						<li>|</li>
						<li><a href="">云服务</a></li>
						<li>|</li>
						<li><a href="">金融</a></li>
						<li>|</li>
						<li><a href="">小米商城移动版</a></li>
						<li>|</li>
						<li><a href="">问题反馈</a></li>
						<li>|</li>
						<li><a href="">Select Region</a></li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="right fr">
					<div class="gouwuche fr"><a href="">购物车</a></div>
					<div class="fr">
						<ul>
							<li><a href="${path}/login.html" target="_blank">登录</a></li>
							<li>|</li>
							<li><a href="${path}/register.html" target="_blank" >注册</a></li>
							<li>|</li>
							<li><a href="">消息通知</a></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</header>
	<!--end header -->

<!-- start banner_x -->
		<div class="banner_x center">
			<a href="./index.html" target="_blank"><div class="logo fl"></div></a>
			<a href=""><div class="ad_top fl"></div></a>
			<div class="nav fl">
				<ul>
					<li id="mi-21"><a id="mi-2" href="javascript:void(0)" >手机</a></li>
					<li><a id="mi-4"  href="javascript:void(0)">平板·笔记本</a></li>
					<li><a id="mi-6"  href="javascript:void(0)">电视</a></li>
					<li><a id="mi-9"  href="javascript:void(0)">盒子·影音</a></li>
					<li><a id="mi-3"  href="javascript:void(0)">路由器</a></li>
					<li><a id="mi-5"  href="javascript:void(0)">智能硬件</a></li>
					<li><a id="mi-7"  href="javascript:void(0)">服务</a></li>
					<li><a id="mi-8"  href="javascript:void(0)">社区</a></li>
				</ul>
			</div>
			<div class="search fr">
				
					<div class="text fl">
						<input type="text" class="shuru" name="shuru" id="search"  placeholder="小米6&nbsp;小米MIX现货">
					</div>
					<div class="submit fl">
						<input type="submit" class="sousuo" value="搜索"/>
					</div>
					<div class="clear"></div>
				
				<div class="clear"></div>
			</div>
		</div>
<!-- end banner_x -->

	<!-- start banner_y -->
	<!-- end banner -->

	<!-- start danpin -->
		<div class="danpin center">
			
			<div class="biaoti center" id=name>小米手机</div>
			<div class="main center" id=div>
				
				
			</div>
			 <div class="div10" style="position:relative;clear:both;text-align:center;width:100%;height:10px";>
				 <div  style="height:40px;width:340";text-align:center>
					<button class="button1" style="width:60px;height:25px;" >上一页</button>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					当前页:<input class="button2" name="names" id="button2" value=1 style="width:60px;height:25px" ></input>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					总页数:<input class="button3" id="button3" value=pages style="width:60px;height:25px" ></input>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<button class="button4" style="width:60px;height:25px" >下一页</button>
				</div> 
			</div> 
		</div>
		

		<footer class="mt20 center">			
			<div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
			<div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div> 
			<div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>

		</footer>

	<!-- end danpin -->


	</body>
</html>